
<div class="page">
    <div class="page-header" >
        <div class="page-header-content">
            <h1>Dashboard</h1>
        </div>
    </div>
                    <div class="padding5 fg-color-blue" style="width: 100%; padding-right: 15px;">
                        <h2 class="fg-color-blue place-right"><strong>Today</strong></h2>         
                </div>
</div>
    <div class="page">
    <div class="page snapped">
        <div class="page-region">
            <div class="page-region-content" style="padding-left: 0px;">
                <div style="">
                    <!-- Place this tag where you want the widget to render. -->
                    <div class="g-page" data-width="280" data-href="//plus.google.com/102828237501591654419" data-rel="publisher"></div>

                    <!-- Place this tag after the last widget tag. -->
                    <script type="text/javascript">
                        (function() {
                            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                            po.src = 'https://apis.google.com/js/platform.js';
                            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                        })();
                    </script>
                </div>
                <div>
                    <div id="fb-root"></div>
                    <script>(function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                        fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));</script>
                    <div class="fb-like-box" data-href="https://www.facebook.com/pages/Study-Planner/458225594289822" data-width="280" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
                </div>

            </div>
        </div>
    </div>
    <!-- include sidebar.php if needed -->
    <div class="page fill">
        <div class="page-region">
            <div class="page-region-content">
                <div class="grid">
                    <div class="row">
                        <div class="clearfix">
                            <div class="tile double triple-vertical bg-color-pinkDark" style="outline: 0px;">
                                <div class="tile-content">
                                </div>
                                <div class="brand">
                                    <img class="icon" src="img/icons/book-w.png"/>
                                    <h2 class="text">Classes</h2>
                                    <div class="badge">
                                        3
                                    </div>
                                </div>
                            </div>
                            <div id="todayTasks" class="tile double double-vertical bg-color-yellow" style="outline: 0px;" data-role="tile-slider" data-param-period="3000" >
                                <div class="tile-content" >
                                    <div>
                                        <h2>Today Task/Events</h2>
                                        <p>Go to university</p>
                                    </div>
                                </div>
                                <div class="tile-content" >
                                    <div>
                                        <h2>Today Task/Events</h2>
                                        <p>Go to Class</p>
                                    </div>
                                </div>
                                <div class="brand">
                                    <img class="icon" src="img/icons/tasks2-w.png"/>
                                    <h2 class="text">Today Tasks</h2>
                                    <div class="badge">
                                        3
                                    </div>
                                </div>
                            </div>
                            <div id="delayedTasks" class="tile double bg-color-blue" style="outline: 0px;" data-role="tile-slider" data-param-period="3000">
                                <div class="tile-content">
                                    <h2>delayed tasks</h2>
                                </div>
                                <div class="tile-content">
                                    <h2>delayed tasks 02</h2>
                                </div>
                                <div class="tile-content">
                                    <h2>delayed tasks 03</h2>
                                </div>
                                <div class="brand">
                                    <img class="icon" src="img/icons/tasklist-w.png"/>
                                    <h2 class="text">Delayed Tasks</h2>
                                    <div class="badge">
                                        3
                                    </div>
                                </div>
                            </div>                            
                        </div>

                    <div class="span5 fg-color-blue" style="width: 100%; padding-right: 15px;">
                        <h2 class="fg-color-blue place-right"><strong>Tomorrow</strong></h2>         
                </div>
                        <div class="clearfix">
                            <div id="2moroClass" class="tile double bg-color-lighten" style="outline: 0px;">
                                <div class="tile-content">

                                </div>
                                <div class="brand">
                                    <img class="icon" src="img/icons/book-w.png"/>
                                    <h2 class="text">Tomorrow class</h2>
                                    <div class="badge">
                                        3
                                    </div>
                                </div>

                            </div>
                            <div id="2moroTasks" class="tile double bg-color-teal" style="outline: 0px;">
                                <div class="tile-content">

                                </div>
                                <div class="brand">
                                    <img class="icon" src="img/icons/tasklist-w.png"/>
                                    <h2 class="text">Tomorrow tasks</h2>
                                    <div class="badge">
                                        3
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>